.hp-chart-panel {
  height: 100%;
  display: flex;
  flex-direction: column;
  &-header {
    height: 45px;
    display: flex;
    align-items: center;
    padding: 0 8px;
    border-bottom: 1px solid #ececec;
    .header-title {
      font-weight: bold;
    }
    .header-tools {
      margin-left: auto;
    }
  }
  &-body {
    flex: 1;
    min-height: 10px;
    padding: 8px;
    .chart-warp {
      width: 100%;
      height: 100%;
    }
    .chart-wrapper {
      width: 100%;
      height: 100%;
    }
  }
}